import React from "react";
import "./index.css"

const arrowUrl = "https://g.alicdn.com/aliyun-gts-solution/msha-frontend/0.0.22/blueArrow_6184dabc.gif"

const ArrowCenter = (props) => {
  const { arrow } = props
  return (
    <div className="custom-div-center" >
      { arrow != null ? <img src={arrowUrl} style={{ transform: arrow ? "rotate(-90deg) translate(-16px, -50%)" : "rotate(-90deg) translate(-50px, -50%)"}}/> : null}
    </div>
  )

}

export default ArrowCenter